<template>
  <Lottie
    fullscreen
    :active="isOpen"
    :speed="config.speed"
    :data="Firecracker"
    @on:complete="close"
    @click:fullscreen="close"
  ></Lottie>
</template>
<script setup>
import { storeToRefs } from 'pinia'
import { usePremiumCelebrationStore } from '@/store/premium/animation'
import Firecracker from '@/assets/lotties/firecracker.json'
import Lottie from '@/components/common/Lottie.vue'

const premiumCelebrationStore = usePremiumCelebrationStore()
const { isOpen, config } = storeToRefs(premiumCelebrationStore)
const { close } = premiumCelebrationStore
</script>
